.common-templates
{
	font-family: Calibri, Helvetica, Arial;
	background-color: #ffffff;
	border:solid 2px #928f8f;
	margin:2px;
	padding:5px;
}
.common-templates-align{margin:0 auto 0 auto;}
.common-templates-caption{width: 170px;}
.common-templates-smallinput{width: 50px;}
.common-templates-mediuminput{width: 80px;}
.common-templates-largeinput{width: 240px;}
.common-templates-units{margin-left:2px;}
/*The color picker preview displayed in the table designer/ cell 
	designer for background and border color selection*/
 div.colorpreview
 {
	width:25px;
	height:20px;
	border:2px solid #000;	
 }
 /*the color picker launcher*/
 div.colorpreview div
 {
	width:16px;
	height:16px;
	background:#000 url( "Images.ColorPicker.colorpicker.gif" );
	margin:2px auto 2px auto;
	cursor:pointer;
 }
.buttonfloatright a
{
	float: right;
	margin: 0 5px 0 5px;
}
.tristatebutton200x33:hover
{
	background-position: 0px -33px;
	color: #e2e2e2;
}
.tristatebutton200x33:active
{
	background-position: 0px -66px;
	color: #e2e2e2;
}
.tristatebutton200x33
{
	background: url(  "Images.Shared.tristatebutton200x33.gif" ) no-repeat;
	text-align: center;
	line-height: 33px;
	display: block;
	height: 33px;
	width: 200px;
	color: white;
	font-size: large;
	text-decoration: none;
}
.tristatebutton110x33:hover
{
	background-position: 0px -33px;
	color: #e2e2e2;
}
.tristatebutton110x33:active
{
	background-position: 0px -66px;
	color: #e2e2e2;
}
.tristatebutton110x33
{
	background: url(  "Images.Shared.tristatebutton110x33.gif" ) no-repeat;
	text-align: center;
	line-height: 33px;
	display: block;
	height: 33px;
	width: 110px;
	color: white;
	font-size: large;
	text-decoration: none;
}
.tristatebutton80x33:hover
{
	background-position: 0px -33px;
	color: #e2e2e2;
}
.tristatebutton80x33:active
{
	background-position: 0px -66px;
	color: #e2e2e2;
}
.tristatebutton80x33
{
	background: url(  "Images.Shared.tristatebutton80x33.gif" ) no-repeat;
	text-align: center;
	line-height: 33px;
	display: block;
	height: 33px;
	width: 80px;
	color: white;
	font-size: large;
	text-decoration: none;
}
.tristateclosebutton16x48:hover
{
	background-position: 0px -16px;
}
.tristateclosebutton16x48:active
{
	background-position: 0px -32px;
}
.tristateclosebutton16x48
{
	background:url( "Images.Shared.tristateclosebutton16x48.gif" ) no-repeat;
	display: block;
	height: 16px;
	width: 16px;
	text-decoration: none;
}
div.syntaxhighlighter{}
div.syntaxhighlighter h2
{
	/*style the language heading label if language is output*/
}
div.syntaxhighlighter div.break
{
	clear:both;
}
div.syntaxhighlighter span.numbers
{
	/*the numbers, style it*/
}
div.syntaxhighlighter .linenumber
{
	float:left;
	border-right: 1px solid #000; 
	padding:0 2px 0 0;
}
div.syntaxhighlighter .linecontent
{
	float:left;
	padding:0 2px 0 2px;
}
/*some default styles available in the classnames dropdownlist*/
.black-border{border:1px solid #000;}
.float-left{float:left;}
.float-right{float:right;}
.capitalize{ text-transform:capitalize;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.word-wrap{ white-space:nowrap;}